@layout("/common/_container.html",{js:["/assets/hx/order/hxOrderPut/hxOrderPut_add.js"]}){
<style>
	.layui-form-item {
    	margin-bottom: 2px;
	}
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="hxOrderPutForm" lay-filter="hxOrderPutForm" class="layui-form layui-form-pane" style="max-width: 1350px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
	<legend>Enter Inbound Order</legend>
  </fieldset> 
                  <div class="layui-form-item">
	<div class="layui-inline">
      <label class="layui-form-label" style="font-weight: 600;">Customer<span style="color: red;">*</span></label>
      <div class="layui-input-inline" style="width: 180px;">
            <select id="customerId" name="customerId" lay-filter="customerId" lay-verify="required" required>
                @for(item in customerlist!){
                <option value="${item.id}">${item.customerName}</option>
                @}
            </select>
      </div>
      <div class="layui-form-mid">    </div>
      <label class="layui-form-label" style="font-weight: 600;">Appointment Time<span style="color: red;">*</span></label>
      <div class="layui-input-inline" style="width: 180px;">
            <input id="yuyueTime" name="yuyueTime" placeholder="Select Appointment Time" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
      </div>
      <div class="layui-form-mid">    </div>
      <label class="layui-form-label">Order No.</label>
      <div class="layui-input-inline" style="width: 180px;">
            <input id="orderPutNumber" name="orderPutNumber" placeholder="Enter Order No." type="text" class="layui-input" lay-verify="" required/>
      </div>
      <div class="layui-form-mid">    </div>
      <label class="layui-form-label">Document Type</label>
      <div class="layui-input-inline" style="width: 180px;">
            <select id="orderType" name="orderType" lay-filter="orderType" lay-verify="" required>
	            <option value="Purchase Receipt">Purchase Receipt</option>
	            <option value="Store Transfer In">Store Transfer In</option>
	            <option value="Wholesale Receipt">Wholesale Receipt</option>
                <option value="Warehouse Transfer">Warehouse Transfer</option>
                <option value="Inventory Surplus">Inventory Surplus</option>
            </select>
      </div>
    </div>
  </div>
				  
                  <div class="layui-form-item">
	<div class="layui-inline">
      <label class="layui-form-label" style="font-weight: 600;">Receiving Warehouse<span style="color: red;">*</span></label>
      <div class="layui-input-inline" style="width: 180px;">
            <select id="getWarehouseId" name="getWarehouseId" lay-filter="getWarehouseId" lay-verify="required" required>
                @for(item in basicWarehouseList!){
                <option value="${item.id}">${item.warehouseName}</option>
                @}
            </select>
      </div>
      <div class="layui-form-mid">    </div>
      <label class="layui-form-label" style="font-weight: 600;">Shipping Customer<span style="color: red;">*</span></label>
      <div class="layui-input-inline" style="width: 180px;">
			<input id="setUnitId" name="setUnitId" type="hidden"/>
            <input id="setUnit" name="setUnit" placeholder="Select Shipping Customer" type="text" class="layui-input" lay-verify="required" required/>
            <button type="button" class="layui-btn layui-btn-primary" id="choiceSetUnit" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
      </div>
      <div class="layui-form-mid">    </div>
      <label class="layui-form-label">Notes</label>
      <div class="layui-input-inline" style="width: 380px;">
            <input id="notes" name="notes" placeholder="Enter Notes" type="text" class="layui-input" lay-verify="" required/>
      </div>
    </div>
  </div>
				  
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Return&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}